﻿<div class="bg-pattern bg-pattern_vertical"></div>
<h1>Admin Control Panel </h1>
<br />
<div class="container">

    <div class="row" ng-hide="adding">
        <div class="col-md-4 col-sm-6 animated lightSpeedIn" ng-click="addProject()" style="border:1px solid black">
            <a href class="pop-up">
                <div class="portfolio-item">
                    <div class="portfolio-item-preview text-center">
                        <br />
                        <i class="fa fa-plus fa-5x"></i>
                    </div>
                    <div class="portfolio-item-description">
                        <h3>Add A New Project</h3>
                    </div>
                </div>
            </a>
        </div>
        <div class="col-md-4 col-sm-6 animated lightSpeedIn" data-ng-repeat="project in projectList" ng-click="editProject(project.Id)" style="border:1px solid black">
            <a href="#Project/{{project.Id}}" class="pop-up">
                <div class="portfolio-item">
                    <div class="portfolio-item-preview">
                        <img data-ng-src="{{project.LogoUrl}}" style="height:100px;width:100px;">
                        {{project.Title}}
                    </div>
                    <div class="portfolio-item-description">
                        <h3>edit project</h3>
                    </div>
                </div>
            </a>
        </div>
    </div><!-- .row -->
    <div class="row" ng-hide="!adding">
        <div class="animated bounceInLeft">
                <h5><i class="glyphicon glyphicon-th"></i> Create New Item</h5>
            <div class="box-content">
                <form role="form" class="contact__form">
                    <div class="row">
                        <div class="col-xs-6">
                            Project Title: <input type="text" ng-model="project.Title" class="form-control" placeholder="Project Name" style="width:100%" />
                            Project Description: <textarea ng-model="project.Description" class="form-control" placeholder="Project Description" style="width:100%;max-width:none;"></textarea>
                            Windows Azure Link: <input type="text" ng-model="project.WindowsAzureUrl" class="form-control" placeholder="Project Azure Url" style="width:100%" />
                            Codeplex Link: <input type="text" ng-model="project.CodePlexUrl" class="form-control" placeholder="Project Codeplex Url" style="width:100%" />
                            Logo Url: <input type="text" ng-model="project.LogoUrl" class="form-control" placeholder="Project Logo Url" style="width:100%" />
                        </div>

                        <div class="col-xs-6">
                            <div id="myTabContent" class="tab-content">
                                <div class="tab-pane active" id="info">
                                    <h3>
                                        Add Images
                                        <button class="btn-sm btn-primary glyphicon-plus" ng-click="addImage()"></button>
                                    </h3>
                                    <div ng-repeat="image in ImageUrls">
                                        <input type="text" ng-model="image.Url" placeholder="Image Url" style="width:100%" />
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                <button class="btn-sm btn-success" ng-click="finishAdding(project)">submit</button>
                </form>
            </div>
        </div>
    </div>
</div><!-- .container -->